<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
      <!-- tab-组件列表加载--渲染 -->
    <el-tab-pane :label="item.lable" :name="item.name" v-for="(item,index) in tablist" :key="index">
        <div :is="activeName"></div>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import baseinfo from "@/views/information-record/baseinfo.vue";
import studyexp from "@/views/information-entry/studyexp.vue";
import worksexp from "@/views/information-entry/worksexp.vue";
import postinfo from "@/views/information-entry/postinfo.vue";
import jobinfo from "@/views/information-entry/jobinfo.vue";
import teacherinfo from "@/views/information-entry/teacherinfo.vue";
import moralityinfo from "@/views/information-entry/moralityinfo.vue";
import gaininfo from "@/views/information-entry/gaininfo.vue";
import traininfo from "@/views/information-entry/traininfo.vue";
import abordinfo from "@/views/information-entry/abordinfo.vue";
import certificateinfo from "@/views/information-entry/certificateinfo.vue";
import contentinfo from "@/views/information-entry/contentinfo.vue";
import teachinginfo from "@/views/information-entry/teachinginfo.vue";
import teaminfo from "@/views/information-entry/teaminfo.vue";
import projectinfo from "@/views/information-entry/projectinfo.vue";
import numberinfo from "@/views/information-entry/numberinfo.vue";
import timejobinfo from "@/views/information-entry/timejobinfo.vue";
import onlineinfo from "@/views/information-entry/onlineinfo.vue";
import marketinfo from "@/views/information-entry/marketinfo.vue";

  export default {
      name: "single_main",
        components: {
            baseinfo,
            studyexp,
            worksexp,
            postinfo,
            jobinfo,
            teacherinfo,
            moralityinfo,
            gaininfo,
            traininfo,
            abordinfo,
            certificateinfo,
            contentinfo,
            teachinginfo,
            teaminfo,
            projectinfo,
            numberinfo,
            timejobinfo,
            onlineinfo,
            marketinfo,
        },
    data() {
      return {
        activeName: 'baseinfo',
        tablist:[
            {name:"baseinfo",lable:"个人基础信息",componment:"baseinfo"},
            {name:"studyexp",lable:"学习经历信息",componment:"studyexp"},
            {name:"worksexp",lable:"工作经历信息",componment:"worksexp"},
            {name:"postinfo",lable:"岗位聘任信息",componment:"postinfo"},
            {name:"jobinfo",lable:"专业技术职务聘任信息",componment:"jobinfo"},
            {name:"teacherinfo",lable:"教师资格信息",componment:"teacherinfo"},
            {name:"moralityinfo",lable:"师德信息",componment:"moralityinfo"},
            {name:"gaininfo",lable:"教学科研成果及获奖信息",componment:"gaininfo"},
            {name:"traininfo",lable:"国内培训信息",componment:"traininfo"},
            {name:"abordinfo",lable:"海外研修（访学）信息",componment:"abordinfo"},
            {name:"certificateinfo",lable:"技能及证书信息",componment:"certificateinfo"},
            {name:"contentinfo",lable:"联系方式信息",componment:"contentinfo"},
            {name:"teachinginfo",lable:"教学信息",componment:"teachinginfo"},
            {name:"teaminfo",lable:"入选教学团队信息",componment:"teaminfo"},
            {name:"projectinfo",lable:"入选人才项目信息",componment:"projectinfo"},
            {name:"numberinfo",lable:"教师识别号码信息",componment:"numberinfo"},
            {name:"timejobinfo",lable:"社会兼职情况",componment:"timejobinfo"},
            {name:"onlineinfo",lable:"教师线上教学情况",componment:"onlineinfo"},
            {name:"marketinfo",lable:"教师市场运作情况",componment:"marketinfo"},
        ]
      };
    },
    methods: {
      handleClick(tab, event) {

      }
    }
  };
</script>